<template>
	    <view class="u-content">
			<u-navbar back-text=""
			:leftIconColor="tksetting.titlecolor" 
			:bgColor="tksetting.color" 
			:titleStyle="{color:tksetting.titlecolor}" 
			:title="title"  
			:autoBack="true"  
			:placeholder="true">
			</u-navbar>
			
			
			<view>
				<u--text type="info" size="16" :text="title"></u--text>
				<u--text mode="date" :text="t"></u--text>
				<u-line color="#cccccc" border-style='dotted'></u-line> 
				<u-parse :content="content"></u-parse>
			</view>
			
		</view>
</template>

<script>
	
	export default {
		data() {
			return {
				id:'',
				title:'',
			    content:'',
				t:'',
			}
		},
		onLoad(op) {
			console.log(op)
			const params = JSON.parse(decodeURIComponent(op.data));
			this.id  = params.id
			this.init();
		},
		methods: {
			init(){
				this.$api.article_info({id:this.id}).then(res => {
					console.log('list_info', res);
					if (res.code == 0) {
						this.title=res.data.title
						this.t=res.data.t
						this.content=res.data.content
					}
				})
				
			}
		}
	}
</script>

<style>
	.u-content{padding: 20rpx; line-height: 200%; font-size: 32rpx;}
	.title-text{font-size: 40rpx; font-weight:600;}

</style>
